<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="expires" content="7200" >
    <title>config</title>
    <link rel="stylesheet" type="text/css" href="./ext/bootstrap/css/bootstrap.min.css"/>
    <script type="text/javascript" src="./ext/bootstrap/jquery/jquery-3.6.0.min.js"></script>
    <script src="./ext/bootstrap/js/bootstrap.min.js"></script>
    <!-- 引入ace 编辑器相关 2个js -->
    <script src="./ext/ace/src/ace.js"></script>
    <script src="./ext/ace/src/ext-language_tools.js"></script>
    <!-- 引入boot box相关 2个js -->
    <script src="./ext/boot-box/bootbox.min.js"></script>
    <script src="./ext/boot-box/bootbox.locales.min.js"></script>
    <style>
     /*必须给editor包裹元素设置宽高*/
     #editor{
         width:100%;
         height:800px;
     }
     #editor2{
         width:100%;
         height:800px;
     }
     .panel-body{
         padding: 0;
         margin: 0;
     }
     #code-title{
         background: #8F908A;
     }
     /* 设置模态框header 颜色背景*/
    .modal-header{
        background: #dff0d8;
    }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="row">
      <div class="col-md-12 col-xs-12">
          <div class="panel panel-default">
              <div id="code-title" class="panel-body">
                 <h3>编辑项目环境配置 config.py 文件</h3>
              </div>
          </div>
      </div>
    </div>
    <div class="row">
      <div class="col-md-6">
          <div class="panel panel-default">
              <div class="panel-heading text-right">
                  <button id="run_config" type="submit" class="btn btn-info" value="点击运行">点击运行</button>
                  <button id="save_config" type="submit" class="btn btn-success" value="提交保存">提交保存</button>
              </div>
              <div class="panel-body">
                  <div id="editor">
                  </div>
              </div>
          </div>
      </div>
      <div class="col-md-6">
          <div class="panel panel-default">
              <div class="panel-heading">
                  <button id="submit" type="submit" class="btn btn-warning" value="运行结果" disabled>运行结果</button>
              </div>
              <div class="panel-body">
                  <div id="editor2">
                  </div>
              </div>
          </div>
      </div>
    </div>

</div>
</body>
<script type="text/javascript" src="js/config.js"></script>
</html>